<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>企业首页</title>
<link href="css/qiye_main.css" rel="stylesheet" type="text/css" />
<script src="js/setHomeSetFav.js" type="text/javascript"
	charset="gb2312"></script>
<script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<script src="js/mf-pattern/mF_fancy.js" type="text/javascript"></script>
<link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	myFocus.set({
		id : 'picBox',
		pattern : 'mF_fancy',//风格应用的名称
		time : 3,//切换时间间隔(秒)
		trigger : 'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
		width : 1000,//设置图片区域宽度(像素)
		height : 310,//设置图片区域高度(像素) 
		txtHeight : 'default'//文字层高度设置(像素),'default'为默认高度，0为隐藏
	});
</script>
</head>
<body>
	<div class="top">
		<div class="top_content">
			<ul>
				<li><a href="#">联系我们</a></li>
				<li><a onclick="AddFavorite(window.location,document.title)"
					href="javascript:void(0)">加入收藏</a></li>
				<li><a onclick="SetHome(window.location)"
					href="javascript:void(0)">设为首页</a></li>
			</ul>
		</div>
	</div>
	<!--页面顶端top结束-->

	<div class="wrap">
		<div class="logo">
			<div class="logo_left">
				<img src="img/logo.jpg" />
			</div>
			<div class="logo_right">
				<img src="img/tel.jpg" width="28" height="28" />24小时服务热线：<span
					class="tel">123-456-7890</span>
			</div>
		</div>
		<!--logo结束-->

		<div class="nav">
			<div class="nav_left"></div>
			<div class="nav_mid">
				<div class="nav_mid_left">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="list.html">关于慕课</a></li>
						<li><a href="list.html">新闻动态</a></li>
						<li><a href="list.html">课程中心</a></li>
						<li><a href="list.html">在线课程</a></li>
						<li><a href="list.html">人才招聘</a></li>
					</ul>
				</div>
				<!--nav_mid_left结束-->
				<div class="nav_mid_right">
					<form action="" method="post">
						<input type="text" class="search_text" />
						<!--<input type="text" class="search_text" x-webkit-speech />-->
					</form>
				</div>
				<!--nav_mid_right结束-->
			</div>
			<!--导航主体nav_mid结束-->
			<div class="nav_right"></div>
		</div>
		<!--nav结束-->
		<div class="ad">
			<div id="picBox">
				<!--焦点图盒子-->
				<div class="loading">
					<img src="img/loading.gif" alt="请稍候..." />
				</div>
				<div class="pic">
					<!--内容列表(li数目可随意增减)-->
					<ul>
						<li><img src="img/ad2.jpg" /></li>
						<li><img src="img/ad3.jpg" /></li>
						<li><img src="img/ad4.jpg" /></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- ad结束焦点图结束 -->
		<div class="main">
			<!-- main开始 -->
			<div class="news">
				<div class="news_title">
					<!--news_title开始  -->
					<h2 class="news_title_left">新闻中心</h2>
					<span class="news_title_right"><a href="#">More&gt;&gt;</a></span>
				</div>
				<!--news_title结束  -->
				<div class="news_pic">
					<!-- news_pic开始 -->
					<img src="img/news.jpg" width="113" height="88" />
					<h2>
						<a href="#">520 慕女神喊你来表白！</a>
					</h2>
					<p>
						活动时间：5月20日—5月25日<br /> 获奖公布时间：5月26日<br /> <a href="#"> Learn
							More&gt;&gt;</a>
					</p>

				</div>
				<!-- news_pic结束 -->
				<div class="news_list">
					<!--news_list开始  -->
					<ul>
						<li><span>2014-06-01 </span><a>【慕客访谈 用户篇】“有为屌丝”在路上</a></li>
						<li><span>2014-06-01</span><a>【有奖活动】给父亲的三行书信</a></li>
						<li><span>2014-05-30 </span> <a>《程序猿，请晒出你的童年》活动获奖公告</a></li>
						<li><span>2014-05-28</span><a>【慕课访谈】破茧成蝶——美女程序员的蜕变史</a></li>
					</ul>
				</div>
				<!--news_list结束  -->
			</div>
			<div class="course">
				<!--course开始  -->
				<div class="course_title">
					<h2 class="course_title_left">课程中心</h2>
					<span class="course_title_right"><a href="#">More&gt;&gt;</a></span>
				</div>
				<!-- course_title结束 -->
				<div class="course_pic">
					<!-- course_pic开始 -->
					<img src="img/css.jpg" width="160" height="100" />
					<h2>
						<a href="#">CSS圆角进化论</a>
					</h2>
					<p>CSS圆角的实现，经历了三大发展阶段：背景图片方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性）。本案例详细讲解每一种的实现方式，并对实现的优缺点进行对比分析。
					</p>
				</div>
				<!--course_pic结束  -->
				<div class="course_list">
					<ul>
						<li>PHP开发</li>
						<li>前端开发</li>
						<li>JAVA开发</li>
						<li>Android开发</li>

					</ul>
				</div>
			</div>
			<!--course结束  -->
			<div class="media">
				<!--media开始  -->
				<div class="media_title">
					<h2 class="media_title_left">媒体聚焦</h2>
					<span class="media_title_right"><a href="#">More&gt;&gt;</a></span>
				</div>
				<!-- media_title结束 -->
				<p class="video_content">
					<embed
						src="http://player.youku.com/player.php/sid/XNjkzMDE5MTUy/v.swf"
						allowFullScreen="true" quality="high" width="220" height="140"
						align="middle" allowScriptAccess="always"
						type="application/x-shockwave-flash"></embed>
				</p>
				<div class="media_bottom_pic">
					<img src="img/app.jpg" />
				</div>

			</div>
			<!-- media结束 -->
		</div>
		<!-- main结束 -->
	</div>
	<!-- wrap结束 -->
	<div class="foor">
		<!--底部开始  -->
		<div class="foor_content">
			<ul>
				<li>关于
					<ul>
						<li>品牌故事</li>
						<li>联系我们</li>
						<li>加入我们</li>
						<li>版权声明</li>
					</ul>
				</li>
				<li>课程
					<ul>
						<li>PHP开发</li>
						<li>前端开发</li>
						<li>JAVA开发</li>
						<li>Android开发</li>
					</ul>
				</li>
				<li>关注
					<ul>
						<li>新浪微博</li>
						<li>腾讯微博</li>
						<li>企业微信</li>
						<li>QQ空间</li>
					</ul>
				</li>
				<li>留言
					<ul>
						<li>意见反馈</li>
						<li>问题留言</li>
						<li>媒体联络</li>
						<li>在线客服</li>
					</ul>
				</li>
				<li><img src="img/weixin.png" alt="微信关注" width="30" height="27" />微信关注
					<ul>
						<li><img src="img/qrcode.jpg" alt="扫描关注慕课网官方微信" width="102"
							height="102" /></li>
					</ul></li>
			</ul>
		</div>
	</div>
	<!--底部结束  -->
</body>
</html>